<?php


if (isset($_GET['minified']) && $_GET['minified'] == 'true'){

	$scriptTags = '<script type="text/javascript" src="out/all.js"></script>';

} else {

	$jsListFile = 'js-list.txt';


	$fp = fopen($jsListFile, 'r');
	$contents = fread ( $fp , filesize($jsListFile) );
	fclose($fp);


	/**
	 *	create js contents
	 */
	$scriptTags = preg_replace(

		array(

			"/^\;.*$/m",

			"/^\s*(\r\n|\n)$/m",

			"/[\r\n]+/m",

			"/^(.+)$/m",

		),

		array(

			"",

			"",

			"\n",

			'<script type="text/javascript" src="src/$1"></script>'

		),

		$contents

	);

}

/**
 *	output HTML
 */
echo <<<HTMLDOC
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Jx</title>
	<!-- <link rel="stylesheet" type="text/css" href="styles/base/jx.css" /> -->

{$scriptTags}

</head>
<body style="margin: 10px 20px 30px 40px">




	<!--

	<div data-yes="no!" class="ct" style="top: 100px; border-top: 20px solid #000; position: relative; padding-top: 15px; top: 50px">

		<div id="test" class="buang" style="top: 50%; border-top: 3px solid #000; position: relative">yes</div>

	</div>

	-->

	<!--
	<div id="ctroot" data-yes="no!" style="top: 100px; position: absolute; top: 50px;">

		<div id="ct" data-yes="no!" style="top: 100px; position: absolute; top: 50px;">

			<div id="test" class="buang" style="top: 100px; border-top: 3px solid #000; position: relative; margin-top: 13px">yes</div>

		</div>

	</div>
	-->
	<!--
	<div id="ct" data-yes="no!">

		<div id="test" class="buang" style="top: 100px; border-top: 3px solid #000; position: absolute; margin-top: 13px; overflow: scroll">yes</div>

	</div>
	-->

	<div id="ct" style="top: 20px; left: 0px; border-color: #f00; border-style: solid; border-width: 3px; width: 500px; height: 50px">


		naa pa!

		<div id="test" class="buang" style="border: 2px solid #000; position: relative; padding: 2px; margin: 13px; background-color: #fff">yes</div>



	</div>




	<!--
	<textarea class="buang">buang</textarea>
	-->
	<!--
	<button type="text" id="test" class="buang" style="top: 100px; border-top: 3px solid #000; position: relative; margin-top: 13px"></button>
	-->
	<!--
	<select type="text" id="test" class="buang" style="top: 100px; border-top: 3px solid #000; position: relative; margin-top: 13px"></select>
	-->
	<input type="text" name="easing" value="easein" />
	<button type="button" class="animate">Animate!</button>




	<button type="button">Animate!</button>

	<input type="text" />

	<script type="text/javascript" src="test.js"></script>




</body>
</html>

HTMLDOC;
